@charset "utf-8";
/* common */
.pos-r { position:relative;}
.f-s1 { font:normal 18px/1.4 "\9ED1\4F53",sans-serif;}
.fl-l{ float:left;}
.fl-r{ float:right;}
.m-b1 { margin-bottom:1px;}
.m-b10 { margin-bottom:10px;}
.m-b20 { margin-bottom:20px;}
.m-t20 { margin-top:20px;}
.m-t30 { margin-top:30px;}
.m-l15 { margin-left:15px;}
.m-l20 { margin-left:20px;}
.m-h5 { margin-left:5px; margin-right:5px;}
.m-h18 { margin-left:18px; margin-right:18px;}
.m-h28 { margin-left:28px; margin-right:28px;}
.p-t20 { padding-top:20px;}
.p-l18 { padding-left:18px;}
.p-r10 { padding-right:10px;}
.p-v10 { padding-top:10px; padding-bottom:10px;}

.c-gray { color:#727171;}
.c-red { color:#F00;}
.c-green { color:#25aa25;}
.bgc-s1 { background-color:#efefef;}
.bgc-s2 { background-color:#f5f5f5;}
.bgc-s3 { background-color:#e3e3e3;}
.va-m { vertical-align:middle;}
.ta-l { text-align:left;}
.t-overflow{ width:100%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
textarea { resize: none;}

/* frame */
body { font:normal 12px/1.75 "\5B8B\4F53",sans-serif; color:#2b2b2b;}
.wrap { min-width:1000px; text-align:left;}
.content-wrap { text-align:left;}
.header { margin-bottom:10px;}
.header-a { height:95px; background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg1.png) repeat-x 0 0;}
.header-content { margin-right:auto; margin-left:auto; width:1000px;}
.header-b { height:43px; background:#0286c6 url(http://img1.cache.netease.com/apps/analysis/client11/img/bg3.png) repeat-x 0 0;}

.sect:after{clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.sect{*zoom:1;}
.sect{ margin-right:auto; margin-left:auto; width:1000px;}
.sect-side{ float:left; width:180px;}
.sect-main{ float:right; width:800px;}
.footer { color:#0371af; text-align:center; margin-top:70px; padding:10px 0; border-top:1px solid #73b8dc; background-color:#e4f4ff;}

a{ color:#1e50a2;}
a:visited{ color:#83006f;}
a:hover{ color:#ba2636; text-decoration:underline;}
a.a-s1, a.a-s1:visited, a.a-s1:hover, a.a-s1:active { color:#2b2b2b; text-decoration:none;}
a.a-s2, a.a-s2:visited { color:#1e50a2;}
a.a-s2:hover { color:#ba2636; text-decoration:underline;}
a.a-s2:active { color:#1e50a2; text-decoration:underline;}
p { margin:0;}

/* top logo */
.logo-top { position:absolute; left:0; top:12px;}
.logo-top a { display:block; padding:10px;}

.title-top { position:absolute; left:97px; top:21px; padding:13px 18px; background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg2.png) no-repeat left center;}
.user-top { float:right; padding:10px 0;}
.menu-user-top { margin-left:32px; color:#1e50a2;}

/* top nav */
.nav-top { float:left;}
.nav-top li { float:left; margin-right:23px;}
.nav-top li a { display:block; height:43px; width:78px; color:#FFF; font-weight:bold; line-height:43px; text-align:center; font-size:14px;}
.nav-top li a:visited, .nav-top li a:hover { color:#FFF; text-decoration:none;}
.nav-top li a.current { color:#2b2b2b; background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg4.png);}
.nav-top li a.current:visited, .nav-top li a.current:hover { color:#2B2B2B;}

/* top app selector */
.selecter-top { float:right; padding-top:10px;}
.selecter-top .selecter { margin-left:8px; width:100px; height:22px; padding:2px; border:1px solid #7f9db9; background-color:#FFF; color:#000; vertical-align:middle; line-height:22px;}
.selecter-top label { color:#FFF; vertical-align:middle;}

/* left menu */
.menu-side { border-top:1px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca; font-size:14px; text-align:left;}
.menu-side { *zoom:1;}
.menu-side dt { display:block; height:33px; line-height:33px; font-weight:bold; text-indent:40px; background:#f2f2f2 url(http://img1.cache.netease.com/apps/analysis/client11/img/bg6.png) no-repeat 0 -33px; border-bottom:1px solid #cacaca; cursor:pointer;}
.menu-side dt:hover, .menu-side dt.onhover { background-position:0 0; text-decoration:none;}
.menu-side dt.menu-unfold { background-position:left bottom;}
.menu-side dd { height:0; overflow:hidden;}

.menu-side-sub { border-bottom:1px solid #cacaca; padding:5px 0;}
.menu-side-sub li { margin-bottom:2px;}
.menu-side-sub a { display:block; height:30px; line-height:30px; text-indent:45px;}
.menu-side-sub a:hover { background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg5.png) no-repeat left bottom;}
.menu-side-sub a.current, .menu-side-sub a.current:visited, .menu-side-sub a.current:hover { background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg5.png) no-repeat 0 0; color:#FFF; font-weight:bold;}

/* data chart */
.data-chart-header { background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg8.png) repeat-x center top; padding-top:10px; margin-bottom:40px;}
.data-chart-header h2 span { width:220px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; display:inline-block;}
.date-filter { width:200px; height:22px; padding:2px; border:1px solid #b3b3b3; background-color:#FFF; color:#000; line-height:22px;}

/* tab */
.data-char-tab .tab-list { padding-left:18px;}
.tab-list { border-bottom:2px solid #7d7d7d; padding-left:18px;}
.tab-list li, .tab-list a { background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg7.png) no-repeat left bottom; float:left;}
.tab-list li { margin-right:5px; background-position:right bottom;}
.tab-list a { height:25px; line-height:25px; text-align:center; padding:0 15px; color:#2B2B2B; text-decoration:none; display:inline-block;}
.tab-list a:focus { outline:none;}
.tab-list .yui3-tabs-trigger-selected { background-position:right top;}
.tab-list .yui3-tabs-trigger-selected a { background-position:left top; color:#FFF; font-weight:bold;}
.tab-list .yui3-tabs-trigger-selected a:visited, .tab-list .yui3-tabs-trigger-selected a:hover { color:#FFF; text-decoration:none;}
.yui3-tab-panel { display:none;}
.yui3-tabs-panel-selected { display:block;}

/* char */
.data-chart { padding-top:20px;}

/* data table */
.dt-wrap table { width:100%; border-spacing:0; border-collapse:collapse;}
.dt-wrap caption { display:none;}
.dt-wrap tbody { border-bottom:1px solid #CCC;}
.dt-wrap th, .dt-wrap td { text-align:center; padding:0;}
.dt-wrap th { background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg9.png) no-repeat right top; height:24px; line-height:24px;}
.dt-wrap th .yui3-datatable-liner { padding:0 15px; height:24px;}
.dt-wrap .yui3-datatable-sortable .yui3-datatable-liner { padding:0;}
.yui3-datatable-sortable a { display:block; line-height:24px; padding:0 25px; background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg9.png) no-repeat right -24px;}
.yui3-datatable-sortable a:visited, .yui3-datatable-sortable a:hover { color:#2B2B2B; text-decoration:none;}
.yui3-datatable-asc a, .yui3-datatable-asc a:visited, .yui3-datatable-asc a:hover,
.yui3-datatable-desc a, .yui3-datatable-desc a:visited, .yui3-datatable-desc a:hover { color:#FFF;  background-position:right -48px;}
.dt-wrap table td { padding:8px 0;}
.dt-wrap table .data-tr-view td { padding:0;}
.yui3-datatable-even { background-color:#FFF;}
.yui3-datatable-odd { background-color:#f5f5f5;}
.yui3-datatable-hover, .yui3-datatable-selected { background-color:#ededed;}
.dt-wrap .th-first .yui3-datatable-liner { background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg9.png) no-repeat left bottom;}
.view-detail { border:1px solid #d0d0d0; background-color:#e3e3e3; padding:8px; position:relative;}
.btn-view-detail:visited, .btn-view-detail:hover, .btn-view-detail:active { color:#1e50a2; text-decoration:none;}
.btn-view, .btn-view span { display:inline-block; height:24px; background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg10.png) no-repeat; line-height:24px;}
.btn-view { margin-left:20px; padding-right:20px; background-position:right center;}
.btn-view span { padding-left:20px; background-position:left center; *cursor:pointer;}
.arrow-view { height:8px; width:14px; position:absolute; top:-7px; right:49px; background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg11.png) no-repeat 0 0;}

/* home */
.table-overview { width:100%; border:1px solid #ccc; border-spacing:0; border-collapse:collapse;}
.table-overview th, .table-overview td { border:1px solid #ccc; text-align:center;}
.table-overview th { padding:8px 20px; font-weight:bold;}
.table-overview td { padding:6px 20px;}
.bg-color1 { background-color:#efefef;}
.bg-color2 { background-color:#f5f5f5;}


/* others */
.introduction { padding:10px 15px; color:#727171; background-color:#EEE; margin-top:50px;}
.f-wrap1 { line-height:1.4; padding:10px; text-align:left;}

/* buttons */
.btn-common { border:1px solid #878787; padding:0 16px; text-align:center; height:22px; line-height:22px; color:#000; background:url(http://img1.cache.netease.com/apps/analysis/client11/img/btn2.png) repeat-x 0 -60px; display:inline-block; font-size:12px; cursor:pointer;}
.btn-common:visited, .btn-common:hover { color:#000; text-decoration:none;}
.btn-export { background:url(http://img1.cache.netease.com/apps/analysis/client11/img/icon1.png) no-repeat right center; font-weight:bold; padding-right:20px; height:24px; line-height:24px;}
.btn-totop-wrap { position:fixed; bottom:80px; left:50%; margin-left:510px; visibility:hidden; _position:absolute; _top:500px;}
.form-btn { border:none; padding:0; width:72px; height:28px; line-height:28px; background:url(http://img1.cache.netease.com/apps/analysis/client11/img/btn2.png) no-repeat 0 0; font-size:14px; color:#FFF; cursor:pointer;}
.form-btn-gray { background-position:0 -30px; color:#000;}
.btn-user-edit, .btn-user-delete { display:inline-block;}


/* forms */
.common-select { margin-left:8px; width:100px; height:22px; padding:2px; border:1px solid #7f9db9; background-color:#FFF; color:#000; vertical-align:middle; line-height:22px;}
.common-textarea { width:192px; height:32px; border-color:#7f9db9; padding:4px;}
.common-textarea-s1 { width:600px; height:200px; border:1px solid #7f9db9;}
.selecte-s1 { margin-left:0; width:200px; border:1px solid #7f9db9;}
.common-input { width:200px; height:12px; padding:6px; line-height:12px; border:1px solid #7f9db9;}
.common-input-s1 { width:300px;}


/* tables */
.common-table { width:100%; border-spacing:0; border-collapse:collapse; border:none;}
.table-add-channel th { text-align:right; padding:5px 10px 5px 0; font-size:14px; width:60px; vertical-align: top;}
.table-add-channel td { padding:5px 0; text-align:left;}

#calender-ctn th { text-align:center; padding:0; font-size:12px; width:auto; vertical-align:middle;}
#calender-ctn td { padding:0; text-align:center;}

.table-platform { margin-left:0;}
.table-platform td { padding-right:15px;}
.table-platform input { margin-right:5px;}

.table-error { border:1px solid #CCC; table-layout:fixed;}
.table-error thead th { font-weight:bold; padding:8px 0; background-color:#efefef;}
.table-error tbody th { background-color:#dadada;}
.table-error td, .table-error th { padding:5px 0; border:1px solid #CCC; text-align:center;}

.table-manage { border:1px solid #CCC; table-layout:fixed;}
.table-manage th, .table-manage td { text-align:center; padding:5px 10px; border:1px solid #CCC;}
.table-manage .platform-list { text-align:left; padding-left:30px; padding-right:30px;}
.table-manage td { border-bottom:none; border-top:none;}
.table-manage th { font-weight:bold;}
.table-manage th input { margin-right:5px; vertical-align:text-bottom;}
.tr-view td { padding:0;}
.view-detail-s1 { padding:8px 15px; border:none; border-top:1px solid #CCC; text-align:left;}
.view-detail-s1 .arrow-view { left:277px;}

.table-user { width:auto; margin-left:0;}
.table-user th, .table-user td { padding:5px 10px 5px 0;}
.table-user th { font-size:14px; padding-left:10px;}

.table-publish { width:auto; margin-left:0;}
.table-publish th, .table-publish td { padding:5px 10px 5px 0;}
.table-publish th { font-size:14px; text-align:right; vertical-align:top;}


/********************************/
.yui3-appsview-page{ *zoom:1; text-align:center;}
.yui3-appsview-page-none{ display:none;}
.yui3-appsview-page-ctrl, .yui3-appsview-page-num, .yui3-appsview-page-ellipsis{ display:inline-block; margin:1px 3px; height:19px; line-height:19px; text-align:center; vertical-align:middle;}
.yui3-appsview-page-ctrl{ width:46px; border:1px solid #c1c1c1; background:#fff;}
.yui3-appsview-page-num{ width:22px; border:1px solid #c1c1c1; background:#fff;}
.yui3-appsview-page-ctrl, .yui3-appsview-page-ctrl:visited, .yui3-appsview-page-num, .yui3-appsview-page-num:visited{ color:#2b2b2b;}
.yui3-appsview-page-ctrl:hover, .yui3-appsview-page-num:hover{ text-decoration:none; color:#fff; background:#2b2b2b;}
.yui3-appsview-page-ellipsis{ width:24px;}
.yui3-appsview-page-disabled, .yui3-appsview-page-current{ cursor:default;}
.yui3-appsview-page-disabled, .yui3-appsview-page-disabled:visited, .yui3-appsview-page-disabled:hover{ color:#c1c1c1; background:#fff;}
.yui3-appsview-page-current, .yui3-appsview-page-current:visited, .yui3-appsview-page-current:hover{ font-weight:bold; color:#fff; background:#2b2b2b;}

.box-s1 { border:1px solid #CCC; background-color:#FFF; text-align:left;}
.box-s1-hd { padding:1px;}
.box-s1-hd-c { background-color:#EEE; height:30px; overflow:hidden;}
.box-s1-bd {}

.bubble-q { position:relative; padding-right:40px; margin-right:200px; float:left; _display:inline;}
.bubble-a { margin-left:200px; float:right; _display:inline;}
.bubble-c { position:relative; padding:4px 8px; *zoom:1; float:left; word-wrap:break-word; overflow:hidden;}
.bubble-q .bubble-c { background-color:#e8f3f6; border:1px solid #e1ecef; max-width:520px;}
.bubble-a .bubble-c { background-color:#fafad7; border:1px solid #ede9d5; max-width:560px;}
.bubble-q i, .bubble-a i { position:absolute; height:13px; width:13px; background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg12.png) no-repeat 0 0; bottom:-13px;}
.bubble-q i { left:26px;}
.bubble-a i { right:26px; background-position: right top;}
.bubble-q .btn-replay { position:absolute; top:50%; right:0px; margin-top:-8px;}
.bubble-q .btn-fastreplay { position:absolute; top:50%; right:-60px; margin-top:-8px;}
.bubble-q .btn-ignore { position:absolute; top:50%; right:-100px; margin-top:-8px;}
.textarea-replay { width:750px; height:50px; border:1px solid #e2e3ea; border-top-color:#abadb3; padding:4px;}

.search-feedback { position:absolute; right:10px; top:0;}
.search-input { height:12px; width:170px; padding:3px 4px 4px; border:1px solid #e2e3ea; border-top-color:#abadb3;}
.search-btn { height:21px; width:54px; margin-left:3px; color:#FFF; line-height:21px; border:none; text-align:center; background:url(http://img1.cache.netease.com/apps/analysis/client11/img/btn3.png) no-repeat 0 0; cursor:pointer;}

.m-t5 { margin-top:5px;}
.m-t10 { margin-top:10px;}
.m-t15 { margin-top:15px;}
.m-l10 { margin-left:10px;}
.m-l30 { margin-left:30px;}
.m-r10 { margin-right:10px;}
.m-h10 { margin-left:10px; margin-right:10px;}
.p-b20 { padding-bottom:20px;}

.t-r { text-align:right;}

/*comment*/
.m-b5{margin-bottom:5px;}
.score-coldiv{text-align:left; vertical-align:middle; line-height:15px; font-weight:bold;}
.score-div{width:430px; height:150px; background-color:#f8f8f8;border:#e1e1e1 solid 1px;}
.score-column{display: inline-block;  margin-left:25px; width: 75px;height: 15px;text-align: left;vertical-align: middle;background: url(http://img5.cache.netease.com/apps/adp11/adp_images/bg48.png) repeat-x 0 -15px;}
.score-column i {display: inline-block;height: 15px;background: url(http://img6.cache.netease.com/apps/adp11/adp_images/bg48.png) repeat-x 0 0;}
.score{display: inline-block;  margin-left:25px; width: 75px;height: 15px;text-align: left;vertical-align: middle;background: url(http://img6.cache.netease.com/apps/adp11/adp_images/bg48.png) repeat-x 0 0;}
.score i {display: inline-block;height: 15px; background:#f8f8f8;}
.score-pro{display: inline-block;width:254px;height:10px;text-align: left;vertical-align: middle; background-color:#f3f3f3;}
.score-pro i {display: inline-block;height: 10px; background-color:#969696;}
.comment-div{background-color:#f8f8f8; border:#eeeeee solid 1px; width:770px;}
.comment-title{background-color:#eeeeee; text-align:left; padding-top:10px; padding-bottom:5px;}
.f-s2{ font:bold 14px/25px "\5B8B\4F53",sans-serif;}
.m-r20{margin-right:20px;}

.btn-add-custom { display:inline-block; height:21px; width:136px; color:#FFF; line-height:21px; text-align:center; background:url(http://img1.cache.netease.com/apps/analysis/client11/img/bg13.png) no-repeat 0 0; vertical-align:middle;}
.btn-add-custom:hover, .btn-add-custom:visited { color:#FFF; text-decoration:none;}



.tr-hidden td { padding:0;}
.table-manage-s1 { table-layout:fixed; border:1px solid #DDD;}
.table-manage-s1 td { color:#999; padding:5px 10px; text-indent:4em;}
.bg-color3 { background-color:#fafafa;}